@charset "utf-8";
/**************************************
Author:xLong
Date:2015-06-24
Version:1.0.0
**************************************/
@import url("common.css");
@import url("style.css");
.header{
	position:absolute;
	top:0;
	z-index:10;
	}
	
.header_game{
	left:15px;
	}
	
.header_nav{
	right:15px;
	}
	
.footer{
	width:100%;
	background:#001023;
	margin-top:30px;
	}
	
.footer_info{
	margin-top:0;
	}

/**************************************/
.pic_wrap{
	height:865px;
	width:100%;
	position:relative;
	top:0;
	left:0;
	}
	
.pic_wrap .pic_wrap_big{
	float:left;
	width:100%;
	height:865px;
	position:relative;
	overflow:hidden;
	}
	
.pic_wrap .pic_wrap_big li{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:865px;
	opacity:0;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	}
	
.pic_wrap .pic_wrap_big li.active{
	z-index:1;
	}
	
.pic_wrap .pic_wrap_big li img{
	display:none;
	}
	
.pic_wrap .pic_nav_thumbnails{
	float:left;
	height:785px;
	position:relative;
	}
	
.pic_wrap .pic_nav_thumbnails li{
	overflow:hidden;
	margin-bottom:20px;
	*margin-bottom:10px;/*ie7*/  
	_margin-bottom:10px;/*ie6*/
	cursor: pointer;
	}
	
.pic_wrap .pic_nav_thumbnails li img{
	width:270px;
	height:148px;
	float:left;
	padding:3px;
	}
	
.pic_wrap .pic_nav_thumbnails li:hover img{
	border:3px solid #71b1f2;
	padding:0;
	}
	
.pic_wrap .pic_nav_thumbnails li.active{
	padding:0;
	padding-right:10px;
	background:url(../images/triangle-blue.png) right no-repeat;
	}
	
.pic_wrap .pic_nav_thumbnails li.active img{
	border:3px solid #71b1f2;
	padding:0;
	}

/**************************************/	
.pic_nav_bg, .pic_nav{
	overflow: hidden;
	width: 305px;
	position: absolute;
	left: 0;
	top:50px;
	}

.pic_nav_bg{
	z-index:5;
	height:815px;
	margin-top: 0;
	background:#000;
	filter: alpha(opacity=40);
	-moz-opacity: 0.4;
	opacity: 0.4;
	}
	
.pic_nav{
	z-index: 50;
	height: 785px;
	margin-top: 30px;
	}
/**************************************/
.pic_nav_box{
	margin-top:65px;
	margin-bottom:65px;
	margin-left:15px;
	height:653px;
	width:290px;
	overflow:hidden;
	position:relative;
	}
.pic_sliderbox {
	position:absolute;
	top:0;
	overflow:hidden;
}
/*必须加这句css,否则向左右，上下滚动时会没有效果*/
.pic_nav_thumbnails > .pic_prev, .pic_nav_thumbnails> .pic_next {
	position:absolute;
	cursor:pointer;
	width:270px;
	height:38px;
	left:15px;
	text-indent:-9999px;
}

.pic_nav_thumbnails > .pic_prev{
	top:15px;
	background-position:0 -32px;
	}
	
.pic_nav_thumbnails > .pic_next {
	bottom:15px;
	background-position:0 -70px;
}

